<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>商品分类</title>
    <style>
        #div1{
            background-color: lavender;
            width:230px;
            height: 335px;
            /*text-indent: 1.5em;*/
        }
        #div2{
            background-color: red;
            color: white;
            font-size: 22px;
            width:230px;
            height: 40px;
            text-indent: 1em;
            background-image: url("image/image/arrow-down.gif");
            background-repeat: no-repeat;
            background-position: 200px;
            font-weight: bold;
            line-height: 39px;
        }
        ul li{
            background-image: url("image/image/arrow-right.gif");
            background-repeat: no-repeat;
            background-position: 165px;
            list-style: none;
            line-height: 35px;
            font-size: 15px;
        }
    </style>
</head>
<body>
<div id="div1">
    <div id="div2">
        全部商品分类
    </div>
        <ul>
            <li>
                图书&nbsp;&nbsp;音像&nbsp;&nbsp;数字商品
            </li>
            <li>
                家用电器&nbsp;&nbsp;手机&nbsp;&nbsp;数码
            </li>
            <li>
                电脑&nbsp;&nbsp;办公
            </li>
            <li>
                家居&nbsp;&nbsp;家装&nbsp;&nbsp;厨具
            </li>
            <li>
                服饰鞋帽&nbsp;&nbsp;个护化妆
            </li>
            <li>
                礼品箱包&nbsp;&nbsp;钟表&nbsp;&nbsp;珠宝
            </li>
            <li>
                食品饮料&nbsp;&nbsp;保健食品
            </li>
            <li>
                彩票&nbsp;&nbsp;旅行&nbsp;&nbsp;充值&nbsp;&nbsp;票务
            </li>
        </ul>
    </div>

</body>
</html>